body{
	overflow-x:hidden;
}
h1{
	background-color:#bbbbff;
	padding:15px;
	margin:0px;
}
p{
	padding-left:2%;
	line-height:150%;
}
ol,ul{
	padding-left:2%;
	margin-left:30px;
}
li{
	line-height:150%;
}
span{
	color:#4422ff;
}
p.step{
	margin-bottom:0px;
}
ol.step{
	margin-top:0px;
}
.title{
	margin-left:2%;
	margin-top:0px;
	margin-bottom:0px;
	color:#ffffff;
	display:inline-block;
	font-size:15px;
	background-color:#aa9977;
	padding:3px;
	font-family:"Courier New","Verdana","Arial";
}
.codes{
	/*好吧，inline-block会带来间距问题Chrome下8个像素，IE9下4个像素，我们来处理它。*/
	letter-spacing:-8px;
}
textarea{
	border:1px solid #000000;
	font-family:"Courier New","Verdana","Arial";
	/*margin-left:-22px\9\0;(IE9 CSS hack)已经用不到了，改用letter-spacing解决*/
	padding:10px;
	width:90%;
	resize:none;
	background-color:#eeeeff;
	/*如果我把font-size设置到12px以下，IE9会听话照办，但是Chrome竟敢不理我。*/
	font-size:12px;
}
.lineNum{
	width:26px;
	display:inline-block;
	margin-left:2%;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #000000;
	border-right-style:none;
	vertical-align:top;
	background-color:#acd6ff;
	overflow:hidden;
}
pre{
	font-size:12px;
	font-family:"Courier New","Verdana","Arial";
	white-space:pre-line;
	margin:0px;
	text-align:center;
	letter-spacing:0px;
}
.bpn{
	padding-top:20px;
	padding-bottom:20px;
	border-top:2px solid #aaaaaa;
	border-bottom:2px solid #aaaaaa;
	width:100%;
}
.pre{
	width:105px;
	height:21px;
	background-image:url(../images/pre.png);
	margin-left:2%;
	display:inline-block;
}
.pre:hover{
	background-image:url("../images/pre_hover.png");
  cursor:pointer;
}
.next{
	width:105px;
	height:21px;
	background-image:url(../images/next.png);
	margin-left:2%;
	display:inline-block;
}
.next:hover{
	background-image:url("../images/next_hover.png");
	cursor:pointer;
}
.example,.exercise{
	border-top:1px solid #999999;
	padding-top:10px;
	color:#842B00;
}
.explain{
	color:#6c3365;
}
p.summary{
	padding-top:10px;
	margin-bottom:0px;
	border-top:1px solid #999999;
}
ul.summary{
	margin-top:0px;
}
